.data-filter {
  background: #fff;
  padding: 16px;
  border: 1px solid #e8e8e8;

  .filter-group {
    display: flex;
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;

    &:last-child {
      border-bottom: none;
    }
  }

  .filter-title {
    min-width: 80px;
    color: #666;
    line-height: 32px;
  }

  .filter-options {
    flex: 1;
  }

  .filter-tag {
    cursor: pointer;
    padding: 4px 8px;
    margin: 4px;
    border: 1px solid #e8e8e8;
    
    &:hover {
      color: #e1251b;
      border-color: #e1251b;
    }
    
    &.selected {
      color: #fff;
      background: #e1251b;
      border-color: #e1251b;
    }

    .count {
      margin-left: 4px;
      color: #999;
    }

    &.selected .count {
      color: #fff;
    }
  }
}
